<!DOCTYPE html>
<!-- saved from url=(0048)http://www.jq22.com/demo/jquery3dlb201801292252/ -->
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>优码创意</title>
    <link rel="stylesheet" href="./优码创意_files/public.css">
    <link rel="stylesheet" type="text/css" href="./优码创意_files/index.css">
    <script src="./优码创意_files/jquery-1.10.2.js"></script>
    <script src="./优码创意_files/jquery.min.js"></script>
    <script type="text/javascript" src="./优码创意_files/zturn.js"></script>
    <link type="text/css" rel="stylesheet" href="chrome-extension://pioclpoplcdbaefihamjohnefbikjilc/content.css">
</head>
<body style="">

<div class="lb_gl">
    <div class="container">
        <div class="pictureSlider poster-main">
            <div class="poster-btn poster-prev-btn"></div>
            <ul id="zturn" class="poster-list">
                <li class="poster-item  zturn-item" data_n="0"
                    style="position: absolute; left: 50%; margin-left: -498.2px; z-index: 8; opacity: 0.729; transform: scale(0.729);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="1"
                    style="position: absolute; left: 50%; margin-left: -395.8px; z-index: 9; opacity: 0.81; transform: scale(0.81);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="2"
                    style="position: absolute; left: 50%; margin-left: -293.4px; z-index: 10; opacity: 0.9; transform: scale(0.9);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="3"
                    style="position: absolute; left: 50%; margin-left: -191px; z-index: 11; opacity: 1; transform: scale(1);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="4"
                    style="position: absolute; left: 50%; margin-left: -88.6px; z-index: 10; opacity: 0.9; transform: scale(0.9);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item  zturn-item" data_n="5"
                    style="position: absolute; left: 50%; margin-left: 13.8px; z-index: 9; opacity: 0.81; transform: scale(0.81);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="6"
                    style="position: absolute; left: 50%; margin-left: 116.2px; z-index: 8; opacity: 0.729; transform: scale(0.729);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
                <li class="poster-item zturn-item" data_n="7"
                    style="position: absolute; left: 50%; margin-left: 218.6px; z-index: 7; opacity: 0.6561; transform: scale(0.6561);">
                    <img src="./优码创意_files/a1.png" width="100%">
                </li>
            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    var aa = new zturn({
        id: "zturn",
        opacity: 0.9,
        width: 382,
        Awidth: 700,
        scale: 0.9,
        auto: false,//是否轮播 默认5000
        turning: 1000//轮播时长
    })
</script>
</body>
</html>
